<!DOCTYPE html>
<html lang="zh-CN" xmlns:th="http://www.thymeleaf.org">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>辅导答疑平台-首页</title>
    <link rel="stylesheet" href="/css/bootstrap3.css">
    <link rel="stylesheet" href="/css/font-awesome.min.css">
    <script src="/js/jquery.min.js"></script>
    <script src="/js/popper.min.js"></script>
    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"
        integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous">
    </script>
    <style>
        .question-rank {
            width: 18px;
            padding-right: 3px;
        }
    </style>
</head>

<body style="background-color: #efefef;">
<div th:insert="template::header"></div>
    <div class="container-fluid">
        <div class="row">
            <div class="col-sm-6 center-block shadow"
                style="box-shadow:5px 5px 5px 5px #888888;float: none; background-color: red; height: 500px;">
                <div class="col-sm-6" style="text-align: center; margin-top: 50px;">
                    <div class="radio">
                        <label>
                            <input type="radio" name="optionsRadios" id="optionsRadios1" value="option1" checked>
                            <img src="/img/student.jpg" alt="" class="img-circle" style="width: 100px; height: 100px;">
                            <br />
                            <a th:href="@{'/login/student?backUrl='+${backUrl}}">学生登录</a>
                        </label>
                    </div>
                </div>
                <div class="col-sm-6" style="text-align: center;margin-top: 50px;">
                    <div class="radio">
                        <label>
                            <input type="radio" name="optionsRadios" id="optionsRadios1" value="option1" checked>
                            <img src="/img/teacher.jpg" alt="" class="img-circle"
                                style="width: 100px; height: 100px;">
                            <br />
                            <a th:href="@{'/login/teacher?backUrl='+${backUrl}}">教师登录</a>
                        </label>
                    </div>
                </div>
                <div class="col-sm-6" style="float:none;margin: 0 auto; border: 2px solid #379082; 
                border-radius: 20px; ">登录</div>
            </div>
        </div>
    </div>
    </div>
</body>

</html>